<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <script src="./js/booksDetails.js"></script> -->
    <link rel="stylesheet" href="./css/booksDetails.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="css/global.css">
    <title>书籍详情</title>

</head>

<body>
    <iframe src="./header.html" scrolling="no" frameborder="0" width="100%" height="45px" frameborder="0"></iframe>
    <div class="detailsContainer">
        <div class="left">
            <img src="./images/yx4.jpg" alt="" class="">
            <div class="mask"></div>
        </div>
        <div class="right">
            <img src="./images/jp-tushu_1.jpg" alt="" class="bigimg">
        </div>
        <div class="content">
            <div>
                <p>名称</p>
                <p>作者</p>
                <p>价格</p>
                <p>出版社</p>
            </div>
            <div class="addToCart">
                <p>添加到购物车</p>
            </div>
        </div>

    </div>
    <div class="bdComments">
        <div>
            <p>商品评价</p>
            <div class="">张三</div>
            <div class="commentDetails">物品很好！</div>
        </div>
    </div>
    <div class="booksIntroduce">
        <img src="images/bd1.jpg" alt="">
    </div>
</body>
</body>

</html>